<template>
	<view>
		<js-login></js-login>
		<basics v-if="PageCur=='basics'"></basics>
		<components v-if="PageCur=='component'"></components>
		<plugin v-if="PageCur=='plugin'"></plugin>
		<view class="cu-bar tabbar bg-white shadow foot">
			<view class="action" @click="NavChange" data-cur="basics" :style="{color:PageCur=='basics'?theme:'#aaaaaa'}">
				<view :class="PageCur=='basics' ? 'cuIcon-homefill':'cuIcon-home'"></view> {{$t("首页2")}}
			</view>
			<view class="action" @click="NavChange" data-cur="component" :style="{color:PageCur=='component'?theme:'#aaaaaa'}">
				<view :class="PageCur=='component' ? 'cuIcon-noticefill':'cuIcon-notice'"></view>  {{$t("通知")}}
			</view>
			<view class="action" @click="NavChange" data-cur="plugin" :style="{color:PageCur=='plugin'?theme:'#aaaaaa'}">
				<view :class="PageCur=='plugin' ? 'cuIcon-peoplefill':'cuIcon-people'"></view>  {{$t("我的")}}
			</view>
		</view>
	</view>
</template>
<script>
	import {mapState, mapMutations} from 'vuex'
	export default {
		data() {
		return {
				PageCur: 'basics'
			}
		},
		computed:{
			...mapState(["theme"])
		},
		mounted() {
			
		},
		methods: {
			...mapMutations(["setSessionId"]),
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			}
		}
	}
</script>

<style>

</style>
